<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>WebTools</title>
  {% include '/shared/reference_base.html' %}
</head>
<body>
  <div class="main">
  	<div class="header">
  		当前网络环境中{% if getwayStatus %}有{% else %}无{% endif %}可用的小G
  	</div>
    <ul class="center">
      <li>
        <div class="et_form">
          <h1>烧录小P序列号</h1>
          <ul>
            <li>
              <label>小P序列号</label>
              <input id="txtDeviceId" type="text" value="" />  
              <span></span>
            </li>
          </ul>
          <div class="bottom">
            <a class="form_button btnSetDevice">烧录</a>
            <a class="form_button btnReset">重置</a>
            <a class="form_button btnViewDevice">查看状态</a>
          </div>
          <div class="loading"></div>
          <div class="result"></div>
        </div>
      </li>
      <li>
        <div class="desc">
          <ul class="nav-desc">
            <li class="selected navStatus">小P状态说明</li>
            <li class="navSet">烧录</li>
            <li class="navReset">重置</li>
            <li class="navView">查看状态</li>
          </ul>
          <p class="navStatus" style="display:block;">长按小P “MODE” 按钮,小P尝试连接服务器:<br/>
            【----】小P正在与服务器通信,最长持续3分钟,此时可松开按钮;<br/>
            【PASS】小P与服务器通信成功;<br/>
            【FAIL】小P与服务器通信失败,请重新长按小P “MODE”按钮,尝试新的连接；<br/>
          </p>
          <p class="navSet"><span class="title">给全新的小P一个序列号</span><br/>
              1、小P序列号文本框中输入您要输入的序列号,如：a00001;<br/>
              2、点击【烧录】按钮,会提示：序列号正在等待烧录;<br/>
              3、长按小P “MODE” 按钮,接收服务器烧录命令;<br/>
              5、显示 “PASS”后,再次长按小P “MODE”按钮,显示“PASS”后,点击【查看状态】查看当前小P的状态；<br/>
          </p>
          <p class="navReset"><span class="title">将已烧录的小P重新恢复原始状态</span><br/>
              1、点击【重置】会提示：正在等待需要重置的小P; <br/>
              2、长按小P “MODE” 按钮,显示 “PASS”后,点击【查看状态】查看当前小P的状态；<br/>
          </p>
          <p class="navView"><span class="title">查看当前小P的状态</span><br/>
              当小P显示 “PASS”后,点击【查看状态】,显示当前小P的状态；并显示小P内的数据<br/>
              1、小P序列号为空：全新小P，可以直接进行烧录；<br/>
              2、当前序列号为 a00001:小P已烧录;<br/>
              3、当前序列号与小P身上的标签一致：小P烧录成功；<br/>
              4、当前序列号与小P身上的标签不一致：小P烧录失败,请按重置流程操作；<br/>
          </p>
        </div>  
      </li>
    </ul>
  	<div id="deviceStatus" class="wrap"></div>
    <div id="deviceDetail" style="display:none;">
      <div class="wrap">步行(分)：</div>
      <div id="runMinuteGrid"></div>
      <div class="wrap">步行(天)：</div>
      <div id="runDailyGrid"></div>
      <div class="wrap">睡觉(分)：</div>
      <div id="sleepMinuteGrid"></div>
      <div class="wrap">睡觉(天)：</div>
      <div id="sleepDailyGrid"></div>
    </div>
    <script type="text/javascript" src="../static/scripts/views/otp/webtools.views.otp.js"></script>
    <script type="text/javascript">
    	$(function () {
    		webtools.views.otp.init();
    	})
    </script>
  </div>
</body>
</html>